.header-content {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  .header-left {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 5px;
  }
  .header-right {
    flex: 6;
    .header-top {
      padding: 0 30px;
      height: 50%;
      box-sizing: border-box;
      border-bottom: 1px solid #49759f;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      span:first-child{
        font-size: 18px;
        color: orange;
      }
      :last-child{
        color: red;
      }
    }
    .header-footer {
      padding: 0 30px;
      height: 50%;
      box-sizing: border-box;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      letter-spacing: 1px;
    }
  }
}
